<!DOCTYPE HTML>
<html>
<head>
<title>案例-网站建设响应式模版-第2页</title>
<meta name="renderer" content="webkit">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="generator" content="MetInfo 5.3.19"  data-variable="https://show.metinfo.cn/muban/res022/328/,cn,122,,3,res022" />
<meta name="description" content="网站描述，一般显示在搜索引擎搜索结果中的描述文字，用于介绍网站，吸引浏览者点击。" />
<meta name="keywords" content="设计建站|网站设计|建站公司" />
<link href="../favicon.ico" tppabs="https://show.metinfo.cn/muban/res022/328/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel='stylesheet' href="../templates/res022/cache/metinfo.css-20171218.css" tppabs="https://show.metinfo.cn/muban/res022/328/templates/res022/cache/metinfo.css?20171218">
</head>
<body class="ny">
<!--[if lte IE 8]>
	<div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
	<p class="browserupgrade font-size-18">你正在使用一个<strong>过时</strong>的浏览器。请<a href="javascript:if(confirm(%27http://browsehappy.com/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://browsehappy.com/%27" tppabs="http://browsehappy.com/" target="_blank">升级您的浏览器</a>，以提高您的体验。</p>
	</div>
<![endif]-->
<div class="loading-box">
<div class="load-svg">
<link href="../../../../../fonts.googleapis.com/css-family=Cabin+Condensed-700.css" tppabs="https://fonts.googleapis.com/css?family=Cabin+Condensed:700" rel='stylesheet' type='text/css'>
<svg class="loading" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="100%" height="100%" viewBox="0 0 574.558 120" preserveAspectRatio="xMinYMin meet" enable-background="new 0 0 574.558 120" tppabs="https://show.metinfo.cn/muban/res022/328/cases/new 0 0 574.558 120" xml:space="preserve">
  <defs>
    <pattern id="water" width=".25" height="1.1" patternContentUnits="objectBoundingBox">
      <path fill="#fff" d="M0.25,1H0c0,0,0-0.659,0-0.916c0.083-0.303,0.158,0.334,0.25,0C0.25,0.327,0.25,1,0.25,1z"/>
    </pattern>
    <text id="text" transform="matrix(1 0 0 1 -8.0684 116.7852)" font-family="'Cabin Condensed'" font-size="161.047">LOADING</text>
    <mask id="text-mask">
      <use x="0" y="0" xlink:href="#text" opacity="1" fill="#ffffff"/>
    </mask>
  </defs>
    <use x="0" y="0" xlink:href="#text" fill="#e3120b"/>
  <rect class="water-fill" mask="url(#text-mask)" fill="url(#water)" x="-400" y="0" width="1600" height="120"/>
</svg>
</div>
</div>
<nav class="met-nav nav-ny" role="navigation">
<div class="nav-logo">
				<a href="../index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/" class="logo" title="网站建设响应式模版">
					<h3 class='hide'>网站建设响应式模版</h3>
				<img class="logo1" src="../../../../../images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504694078.png" tppabs="https://images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504694078.png" alt="网站建设响应式模版" title="网站建设响应式模版" />

				<img class="logo2" src="../../../../../images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504693511.png" tppabs="https://images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504693511.png"alt="网站建设响应式模版" title="网站建设响应式模版" />

				</a>


				<h1 class='hide'>案例</h1>

			</div>


      <div class="nav-box"> 
        <ul class="nav-ul swiper-nav">

          <li class="nav-li">
          <a href="../index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/" title="首页" class="link ">
              <b>首页</b>
            </a>
          </li>

          <li class="nav-li ">
            <a href="../about/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/about/"  title="关于"><b>关于</b></a>

          <li class="nav-li active">
            <a href="index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/cases/"  title="案例"><b>案例</b></a>

          <li class="nav-li ">
            <a href="../service/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/service/"  title="服务"><b>服务</b></a>

          <li class="nav-li ">
            <a href="../news/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/news/"  title="资讯"><b>资讯</b></a>

          <li class="nav-li ">
            <a href="../contact/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/contact/"  title="联系"><b>联系</b></a>

          </li>

        </ul>
      </div>

</nav>
<div class="met-video">
<div class="hide"><p><video class="metvideobox" data-metvideo="420|280||false|http://zy.fwwl.net/video/banner12.mp4" style="width:420px; height:280px; background:#000 url() no-repeat 50% 50%; background-size:contain;" /></video></p></div>
<video src="" type="video/mp4"  loop id="media"></video>
<div class="video-bg" style="background-image:url(../upload/201709/1505189174.jpg)/*tpa=https://show.metinfo.cn/muban/res022/328/upload/201709/1505189174.jpg*/;background-size:cover;background-position:center;background-repeat:no-repeat;"></div>
</div>
<div class="nav-side">
<hr>
<hr>
<hr>
</div>
<div class="side-box">
<div class="side-cut">
<div class="side-shadow"></div>
<div class="side-nav">
<div class="side-close">
<i class="icon pe-close"></i>
</div>
<div class="logo-2">
<img src="../../../../../images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504693511.png" tppabs="https://images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504693511.png" alt="">
</div>

<ul class="navlist">

				<li class="nav-item1"><a href="../index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/" title="首页" class="link ">首页</a></li>



					<li class="nav-item1"><a href="../about/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/about/"  title="关于" class="link ">关于</a></li>



					<li class="nav-item1"><a href="index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/cases/"  title="案例" class="link active">案例</a></li>



					<li class="nav-item1"><a href="../service/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/service/"  title="服务" class="link ">服务</a></li>



					<li class="nav-item1"><a href="../news/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/news/"  title="资讯" class="link ">资讯</a></li>



					<li class="nav-item1"><a href="../contact/index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/contact/"  title="联系" class="link ">联系</a></li>


<div class="side-foot">
<div class="side-qrcode">
<img src="../../../../../images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504756160.png" tppabs="https://images.metinfo.cn/m/res022/328/upload/res022/328/201709/1504756160.png" alt="">
</div>
<div class="side-phone">
<p>
<a href="tel:18312533116">官方热线：18312533116</a>
</p>
</div>
<div class="side-text">Copyright © 2017 互联网科技公司</div>
</div>
</ul>

</div>
</div>
</div>


<div class="met-banner banner-ny-h " style='' 	  data-hash="index" 
	  data-title="首页" >
<div class="banner">
<div class="banner-warpper">

		
		<div class="banner-item" style="background-image:url(../upload/201709/1505196043.jpg)/*tpa=https://show.metinfo.cn/muban/res022/328/upload/201709/1505196043.jpg*/;background-size:cover;">


				<div class="banner-text">
				<div class='container p-3'>
					<div class='banner-text-con'>
						<div>
						<h4 class="title animated fadeInUp"  style='color:#ffffff;'>案例</h4>
						<span class="line animated fadeInUp" ></span>
						</div>
						</div>
						</div>
						</div>



</div>

</div>
</div>
<div class="banner-ctrl">
<span class="left"><i class="icon pe-angle-left"></i></span>
<span class="right"><i class="icon pe-angle-right"></i></span>
</div>
<div class="banner-dot" style="background-image:url(../upload/201709/1504605688.png)/*tpa=https://show.metinfo.cn/muban/res022/328/upload/201709/1504605688.png*/"></div>
<div class="banner-bg"></div>
<div class="banner-next">
<span>
<img class="mouse" src="../templates/res022/min/img/mouse.png" tppabs="https://show.metinfo.cn/muban/res022/328/templates/res022/min/img/mouse.png" alt="">
<img class="arrows-1" src="../templates/res022/min/img/arrow-1.png" tppabs="https://show.metinfo.cn/muban/res022/328/templates/res022/min/img/arrow-1.png" alt="">
<img class="arrows-2" src="../templates/res022/min/img/arrow-2.png" tppabs="https://show.metinfo.cn/muban/res022/328/templates/res022/min/img/arrow-2.png" alt="">
</span>
</div>
</div>

		<div class="met-column-nav bordernone">
			<div class="container">
				<div class="row">


					<div class="product-search ">
					<form method="get" action="https://show.metinfo.cn/muban/res022/328/search/search.php">
							<input type="hidden" name="search" value="search">
							<input type="hidden" name="lang" value="cn">
							<input type="hidden" name="class1" value="122">
							<div class="form-group">
								<div class="input-search">
									<button type="submit" class="input-search-btn"><i class="icon wb-search" aria-hidden="true"></i></button>
									<input
									type="text"
									class="form-control"
									name="searchword"
									placeholder="Search"
								>
								</div>
							</div>
						</form>
					</div>

				</div>
			</div>
		</div>

<div class="met-product animsition type-3">
	<div class="container-fluid">
        <ul class="blocks-100 blocks-sm-1 blocks-md-2 blocks-xlg-2 met-page-ajax met-grid" id="met-grid" data-scale='0.55956678700361'>


				<li class=" shown">
					<div class="product-box clearfix">
						<div class="left">
							<a href="showproduct.php-lang=cn&id=44.htm" tppabs="https://show.metinfo.cn/muban/res022/328/cases/showproduct.php?lang=cn&id=44" title="影视文化响应式网站案例" target='_self'>
								<img class="cover-image" src="../../../../../images.metinfo.cn/m/res022/328/upload/res022/328/201709/1505203498.jpg-x-oss-process=image-resize,m_fill,h_310,w_554,limit_0.jpg" tppabs="https://images.metinfo.cn/m/res022/328/upload/res022/328/201709/1505203498.jpg?x-oss-process=image/resize,m_fill,h_310,w_554,limit_0" alt="影视文化响应式网站案例" >
							</a>
						</div>
						<div class="right">
							<h4 class="">影视文化响应式网站案例</h4>
							

							<p>独具美感精致大图带给你独特的视觉享受无与伦比的超大 banner 带来全新感官效果。与众不同的独特分页展示形式。尽享美丽时光和舒适体验。移动端图片自适应，加快速度的同时也为您节省可观的流量。...</p>

							<div class="footer">
								<a href="showproduct.php-lang=cn&id=44.htm" tppabs="https://show.metinfo.cn/muban/res022/328/cases/showproduct.php?lang=cn&id=44" title="影视文化响应式网站案例" target='_self' class="more">
								<span data-more="查看详情">查看详情</span>
								</a>
							</div>
						</div>
					</div>
				</li>

				<li class=" shown">
					<div class="product-box clearfix">
						<div class="left">
							<a href="showproduct.php-lang=cn&id=37.htm" tppabs="https://show.metinfo.cn/muban/res022/328/cases/showproduct.php?lang=cn&id=37" title="服装工厂响应式网站案例" target='_self'>
								<img class="cover-image" src="../../../../../images.metinfo.cn/m/res022/328/upload/res022/328/201709/1505200665.jpg-x-oss-process=image-resize,m_fill,h_310,w_554,limit_0.jpg" tppabs="https://images.metinfo.cn/m/res022/328/upload/res022/328/201709/1505200665.jpg?x-oss-process=image/resize,m_fill,h_310,w_554,limit_0" alt="服装工厂响应式网站案例" >
							</a>
						</div>
						<div class="right">
							<h4 class="">服装工厂响应式网站案例</h4>
							

							<p>独具美感精致大图带给你独特的视觉享受无与伦比的超大 banner 带来全新感官效果。与众不同的独特分页展示形式。尽享美丽时光和舒适体验。移动端图片自适应，加快速度的同时也为您节省可观的流量。...</p>

							<div class="footer">
								<a href="showproduct.php-lang=cn&id=37.htm" tppabs="https://show.metinfo.cn/muban/res022/328/cases/showproduct.php?lang=cn&id=37" title="服装工厂响应式网站案例" target='_self' class="more">
								<span data-more="查看详情">查看详情</span>
								</a>
							</div>
						</div>
					</div>
				</li>


        </ul>



<div class="hidden-xs">
		    <div class='met_pager'>
			<a href=%22javascript:if(confirm(%27https://show.metinfo.cn/muban/res022/328/cases/product.php?lang=cn&class1=122&page=1  \n\nThis file was not retrieved by Teleport Ultra, because it was unavailable, or its retrieval was aborted, or the project was stopped too soon.  \n\nDo you want to open it from the server?%27))window.location=%27https://show.metinfo.cn/muban/res022/328/cases/product.php?lang=cn&class1=122&page=1%27%22 tppabs="https://show.metinfo.cn/muban/res022/328/cases/product.php?lang=cn&class1=122&page=1" class='PreA'>上一页</a><a href=%22index.htm%22 tppabs="https://show.metinfo.cn/muban/res022/328/cases/" >1</a><a href=%22product.php-lang=cn&class1=122&page=2.htm%22 tppabs="https://show.metinfo.cn/muban/res022/328/cases/product.php?lang=cn&class1=122&page=2" class='Ahover'>2</a><span class='NextSpan'>下一页</span>
			    <span class='PageText'>转至第</span>
			    <input type='text' id='metPageT' data-pageurl='product.php?lang=cn&class1=122&page=||2' value='2' />
			    <input type='button' id='metPageB' value='页' />
		    </div>
		</div>
<div class="met-page-ajax-body visible-xs-block invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
	<button type="button" class="btn btn-default btn-block btn-squared ladda-button" id="met-page-btn" data-style="slide-left" data-url="/muban/res022/328/cases/product.php?lang=cn&class1=122&page=2?lang=cn&class1=122&class2=0&class3=0&mbpagelist=1" data-page="2"><i class="icon wb-chevron-down margin-right-5" aria-hidden="true"></i>更多产品</button>
</div>

	</div>
</div>

<div class="met-foot met-page clearfix">
<div class="left">

<div class="met-links text-center">

		<ol class="breadcrumb">
			<li>友情链接 :</li>

            <li>
                <a href="javascript:if(confirm(%27http://www.weibo.com/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://www.weibo.com/%27" tppabs="http://www.weibo.com/" title="" target="_blank">

                    微博

                </a>
            </li>

            <li>
                <a href="javascript:if(confirm(%27http://cdc.tencent.com/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://cdc.tencent.com/%27" tppabs="http://cdc.tencent.com/" title="" target="_blank">

                    腾讯CDC

                </a>
            </li>

            <li>
                <a href="javascript:if(confirm(%27http://www.baidu.com/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://www.baidu.com/%27" tppabs="http://www.baidu.com/" title="" target="_blank">

                    百度建站

                </a>
            </li>

		</ol>

</div>

		<div class="powered_by_metinfo">Powered&nbsp;by&nbsp;<a href="javascript:if(confirm(%27http://www.metinfo.cn/  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://www.metinfo.cn/%27" tppabs="http://www.metinfo.cn/" target="_blank" title="企业网站管理系统">MetInfo&nbsp;5.3.19</a> &copy;2008-2018</div>

</div>
<div class="right">
    <div class="copyright">
        <p>深圳华创惟品科技有限公司 版权所有 2017-2018 All rights reserved. 京ICP备16031023号-1 </p>


    </div>

<div class="met-social">

				<a id="met-weixin"><i class="fa fa-weixin" data-plugin="webuiPopover" data-trigger="hover" data-animation="pop" data-placement='top' data-width='160' data-padding='0' data-content="<img src='' alt='案例-网站建设响应式模版-第2页' style='width: 150px;display:block;margin:auto;'>"></i></a>

				<a href="javascript:if(confirm(%27http://crm2.qq.com/page/portalpage/wpa.php?uin=4000084433&aty=0&a=0&curl=&ty=1  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://crm2.qq.com/page/portalpage/wpa.php?uin=4000084433&aty=0&a=0&curl=&ty=1%27" tppabs="http://crm2.qq.com/page/portalpage/wpa.php?uin=4000084433&aty=0&a=0&curl=&ty=1" rel="nofollow" target="_blank">
					<i class="fa fa-qq"></i>
				</a>

				<a href="" rel="nofollow" target="_blank"><i class="fa fa-weibo"></i></a>

				<a href="" rel="nofollow" target="_blank"><i class="icon fa-twitter"></i></a>

    <div class="dropdown">
    <a data-toggle="dropdown" class="langlist-btn" role="button" >
    <i class="fa fa-globe"></i>
    </a>
    <ul class="dropdown-menu animate animate-reverse" id="met-langlist-dropdown" role="menu">

            <li>
                <a href="../index.htm" tppabs="https://show.metinfo.cn/muban/res022/328/" title="简体中文">
                    简体中文
                </a>
            </li>

            <li>
                <a href="javascript:if(confirm(%27http://localhost/project/res022/index.php?lang=en  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://localhost/project/res022/index.php?lang=en%27" tppabs="http://localhost/project/res022/index.php?lang=en" title="English">
                    English
                </a>
            </li>

            <li>
                <a href="javascript:if(confirm(%27http://localhost/project/res022/index.php?lang=tc  \n\nThis file was not retrieved by Teleport Ultra, because it is addressed on a domain or path outside the boundaries set for its Starting Address.  \n\nDo you want to open it from the server?%27))window.location=%27http://localhost/project/res022/index.php?lang=tc%27" tppabs="http://localhost/project/res022/index.php?lang=tc" title="繁体中文">
                    繁体中文
                </a>
            </li>

        </ul>
        </div>

</div>

</div>
</div>



<script src="../templates/res022/cache/metinfo.js-20171218.js" tppabs="https://show.metinfo.cn/muban/res022/328/templates/res022/cache/metinfo.js?20171218"></script>

</body>
</html>